<page-header [title]="'提醒详情'">
  <!-- <ng-template #breadcrumb>
    <nz-breadcrumb>
      <nz-breadcrumb-item>详细信息</nz-breadcrumb-item>
      <nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>
    </nz-breadcrumb>
  </ng-template> -->
  <ng-template #tab>
    <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
      <nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>
      <!--<nz-tab nzTitle="库存/价格" (nzSelect)="changeTab(1)"></nz-tab>-->
      <!--<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>-->
    </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回</button>
  </ng-template>
</page-header>

<nz-card [nzBordered]="false" *ngIf="tabIndex === 0">
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <!-- <nz-select style="" [(ngModel)]="product.loanReMethod" name="loanReMethod" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of loanReMethods"></nz-option>
        </nz-select> -->
        <input nz-input [(ngModel)]="product.orderNo" name="orderNo">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>提醒类型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntType" name="ntType">

      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntName" name="ntName">

      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntMobile" name="ntMobile">

      </nz-form-control>

    </nz-form-item>
    <nz-form-item>

      <nz-form-label nzSpan="2">提醒编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <!-- <nz-date-picker nzFormat="yyyy-MM-dd" name="loanDate" [(ngModel)]="product.loanDate"></nz-date-picker> -->
        <input nz-input [(ngModel)]="product.ntNo" name="ntNo">
      </nz-form-control>


      <nz-form-label nzSpan="2" nzRequired>提醒标题</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntHead" name="ntHead">
      </nz-form-control>


      <nz-form-label nzSpan="2">提醒内容</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntContent" name="ntContent">


      </nz-form-control>

      <nz-form-label nzSpan="2">开始时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <!-- <input nz-input [(ngModel)]="product.loanMonthSum" name="loanMonthSum"> -->
        <nz-date-picker nzFormat="yyyy-MM-dd" name="ntBegindate" [(ngModel)]="product.ntBegindate"></nz-date-picker>

      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>频率</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntFreq" name="ntFreq">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>提醒状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntStatus" name="ntStatus">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>处理人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.ntUser" name="ntUser">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>处理结果</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut01" name="fxjOut01">
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label nzSpan="2">处理意见</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut02" name="fxjOut02">
      </nz-form-control>
      
      
    </nz-form-item>
  </form>
</nz-card>
<!-- <nz-card nzTitle="文件信息 " *ngIf="tabIndex === 3"> -->
    <nz-card nzTitle="文件信息">

  <form nz-form>
    <div class="clearfix">

      <nz-upload
        [nzMultiple]="true"
        [nzAction]="uploadUr5"
        [nzData]="avatarParam5"
        nzListType="picture-card"
        [(nzFileList)]="fileList"
        [nzShowButton]="fileList.length < 300"
        [nzPreview]="handlePreview">

        <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
        <div style="margin-top: 0px; color: #666;">  </div>
      </nz-upload>
      <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
        <ng-template #modalContent>
          <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
        </ng-template>
      </nz-modal>
    </div>

  </form>
</nz-card>
<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar>
